*{
    margin:0px;
    padding:0px;
    font-family:"微软雅黑";
}
.left{
    float:left;
}
.right{
    float:right;
}
.clear{
    clear:both;
}
.main{
    width:640px;
    height:1008px;
    margin:0 auto;
}
.index{
    width:640px;
    height:1008px;
    background:url("../images/index_bg.jpg");
}
header{
    position:absolute;
    z-index:1000;
}
.man_left{
    position:absolute;
    z-index:1;
}
.man_right{
    position:absolute;
    margin-right:0px;
}
.index_text{
    position:absolute;
    margin-top:223px;
}
.index_phone{
    position:absolute;
    margin-top:402px;
}
.index_free{
    position:absolute;
    width:366px;
    margin-top:817px;
    margin-left:137px;
}
.index_footer{
    position:absolute;
    bottom:41px;
    height:36px;
    width:390px;
    margin-left:150px;
}
.index_footer a{
    display:inline-block;
    width:190px;
    color:#dddddd;
    font-size:30px;
    line-height:16px;
}
.index_footer a img{
    vertical-align:middle;
    padding-left:5px;
}

/*美国队长*/
.duizhang{
    width:640px;
    height:1008px;
    background:url("../images/duizhang_bg.png");
}
.duizhang_phone{
    position:absolute;
    margin-top:405px;
    z-index:2;
}
.duizhanga_text{
    position:absolute;
    margin-top:363px;
}
.duizhanga_ad{
    position:absolute;
    margin-top:786px;
}
.duizhangb_ad{
    position:absolute;
    margin-top:786px;
}
.duizhanga_btn{
    position:absolute;
    margin-top:880px;
    margin-left:50px;
}
.duizhanga_btn img{
    margin-right:20px;
}
.duizhangb_btn{
    position:absolute;
    margin-top:852px;
}
.duizhangb_btn img{
    margin-left:120px;
}
.sum{
    color:#c4c4c4;
    font-size:24px;
    position:absolute;
    margin-top:953px;
    text-align:center;
    width:640px;
}

/*钢铁侠*/
.gtx{
    background:url("../images/gtx.png");
}
/*快银*/
.ky{
    background:url("../images/ky_bg.jpg");
}
.ls{
    background:url("../images/ls_bg.png");
}
.rule{
    background:url("../images/rule_bg.jpg");
}
.rule_con{
    position:absolute;
    margin-top:233px;
}
.rule_title{
    font-size:40px;
    color:white;
    text-align:center;
}
.rule_content{
    width:578px;
    height:574px;
    margin-left:31px;
    margin-top:40px;
    position:relative;
    border-radius:20px;
    box-shadow:1px 1px 100px #c1c0c0 inset;
    background:white;
    box-sizing:border-box;
    padding:37px;
}
.rule_content p{
    font-size:20px;
    color:#5a5a5a;
    line-height:38px;
}
.rule_content p span{
    color:#d20000;
}
p.rule_p_title{
    font-size:24px;
    color:#3a3a3a;
    margin-top:10px;
    margin-bottom:10px;
}
.rank_con{
    width:590px;
    position:absolute;
    margin-top:233px;
}
.rank_title{
    font-size:40px;
    color:white;
    text-align:center;
}
.rank_content{
    margin-top:40px;
    margin-left:27px;
}
.rank_list_title{
    width:587px;
}
.rank_list_title li{
    float:left;
    width:144px;
    list-style-type:none;
    color:#515151;
    font-size:26px;
    height:54px;
    line-height:54px;
    background:#d7d7d7;
    text-align:right;
    border:1px solid #3f4145;
}
.rank_list_title li span{
    background:url("../images/s.png");
    float:right;
    margin-right:15px;
    margin-left:5px;
    width:17px;
    height:54px;
}
.rank_list_title li.on{
    background:#cd1616;
    color:white;
}
.rank_list_title li.on span{
    background:url("../images/q.png");
}
.rank_list{
    width:583px;
    box-sizing:border-box;
    padding:40px;
    background:white;
    margin-top:2px;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
}
.rank_list ul{
    display:none;    
}
.rank_list li{
    float:left;
    width:250px;
    height:80px;
    background:white;
    border-bottom:1px solid #e5e5e5;
    color:#646464;
    font-size:24px;
    list-style-type:none;
    line-height:80px;
}
.rank_list li span{
    display:inline-block;
    width:26px;
    height:27px;
    border-radius:7px;
    color:white;
    vertical-align:middle;
    margin-right:10px;
    text-align:center;
}
.rank_list li span.red{
    background:#cd1616;
}
.arrowing {
  animation-name: arrowing;
  -webkit-animation-name: arrowing;
  animation-duration: 3s;
  -webkit-animation-duration: 3s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
@keyframes arrowing {
  0% {
    transform: translateX(0%);
  }
  50% {
    transform: translateX(50%);
  }
  100% {
    transform: translateX(0%);
  }
}
@-webkit-keyframes arrowing {
  0% {
    -webkit-transform: translateX(0%);
  }
  50% {
    -webkit-transform: translateX(50%);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}
.tankuang{
    position:fixed;
    z-index:9998;
    top:0px;
    display:none;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.7);
}
.close{
    position:fixed;
    top:235px;
    left:500px;
    height:50px;
    width:50px;
    z-index:9999;
    cursor:pointer;
}